<template>
  <div class="box">
    <div id="nav">
      <ul class="clearfix">
        <li>
          <router-link to="/list" active-class="active">活动列表</router-link>
        </li>
        <li>
          <router-link to="/edit" active-class="active">编辑活动列表</router-link>
        </li>
      </ul>
    </div>
    <router-view></router-view>
  </div>

</template>
<script>
  export default {

  }

</script>
<style>
  .box {
    width: 1365px;
    height: 900px;
    background: rgb(224, 219, 219);
  }

  .box #nav {
    background: #fff;
  }

  #nav ul {
    height: 50px;
    background: rgb(224, 219, 219);
  }

  #nav li {
    float: left;
    padding-left: 30px;
    line-height: 45px;
    font-weight: 600;
  }

</style>
